<template>
    <Head>
        <Title>Mentor Details</Title>
    </Head>
    <PageHeader title="Mentor Details" subtitle="Mentor Details" :image="`${$config.public.baseUrl}images/bg/home1/6.png`"/>
    <div class="team team--details padding-top">
        <div class="container">
            <Team />
        </div>
    </div>

    <section class="course course--style1 padding-top padding-bottom" data-aos="fade-up" data-aos-duration="800">
        <div class="container">
            <Courses :courses="courses" />
        </div>
    </section>

    <div class="newsletter" data-aos="fade-up" data-aos-duration="800">
        <div class="container">
            <Newsletter />
        </div>
    </div>
</template>

<script>
import PageHeader from '@/components/partials/PageHeader.vue'
import Team from '@/components/modules/mentordetails/Team.vue'
import Courses from '@/components/modules/mentordetails/Courses.vue'
import Newsletter from "@/components/partials/newsletters/Newsletter.vue"

export default {
    components: { PageHeader, Team, Courses, Newsletter },
    async setup() {
        const { axios } = fetchData()

        const coursesResponse = await axios.get('/home_courses.json')
        const courses = coursesResponse.data
        return {
            courses
        }
    },
}
</script>